<template>
  <Demo @hello = "changeName" msg="hello" school="大学">
    <!-- 匿名插槽 -->
      <span>匿名插槽：你好呀！！</span>
      <!-- 具名插槽 -->
      <template v-slot:qe>
        <span>具名插槽：nice！！</span>
      </template>
      <template v-slot:as>
        <span>具名插槽：nice meet！！</span>
      </template>
  </Demo>
</template>

<script>
import Demo from './components/Dome.vue'
export default {
  name: 'App',
  components:{
    Demo
  },
  setup(){
    function changeName(value){
      alert(`${value}`)
    }
    return{
      changeName
    }
  }
}
</script>

<style></style>
